Tokven Mcp
Generate complete design token systems from a hex color — OKLCH-derived, WCAG-validated, multi-format
Overview
Tokven — Design Token Generator
Generate a complete design token system from a single brand hex color. Returns OKLCH-derived colors (light + dark mode), typography pairing, spacing scale, border radius, shadows, and WCAG contrast validation. Output in CSS Custom Properties, Tailwind v4 @theme, Tailwind v3 config, or W3C DTCG JSON.
Tools:
generate_tokens — Generate a complete design token system from a brand hex color get_token_preview — Quick preview of tokens without full CSS output validate_contrast — Check WCAG 2.1 contrast ratio between two colors list_moods — List all available mood presets (warm, cool, bold, dark, soft, minimal, brutalist, playful, vintage, luxury, nature, neon, corporate, retro)
Server Config
{
"mcpServers": {
"tokven": {
"command": "npx",
"args": [
"-y",
"tokven-mcp"
]
}
}
}Project Info
Created At
2 months agoUpdated At
2 months agoAuthor Name
Mihkel SStar
-Language
-License
-